<template>
  <div class="featureList">
    <img src="@/assets/images/pic@2x (3).png" />
  </div>
  <div class="feature_title">AI Clothes change</div>
  <div class="feature_des">Just one portrait Generate photos with sexy poses</div>
</template>

<script setup>
import { reactive } from "vue";
import { useRouter } from "vue-router";

// defineProps({
//   msg: {
//     type: String,
//     required: true,
//   },
// })

const router = useRouter();

</script>

<style scoped lang="less">
.featureList {
  width: 100%;
  height: 150px;
  img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}
.feature_title {
  color: rgba(0,0,0,0.95);
  font-size: 18px;
  text-align: center;
  font-weight: 600;
  line-height: 22px;
  margin-top: 8px;
  margin-bottom: 4px;
}
.feature_des {
  color: rgba(0,0,0,0.95);
  font-size: 12px;
  line-height: 16px;
  margin-bottom: 32px;
  text-align: center;
}
</style>
